<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<!--xmlns:th="http://www.thymeleaf.org"-->

<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="static/js/vue.js"></script>
    <script type="text/javascript" src="static/js/index.js"></script>
    <link rel="stylesheet" href="static/css/index.css">
    <script type="text/javascript" src="static/js/axios.min.js"></script>
    <title>Document</title>
</head>


<style>
    .el-table .warning-row {
        background: rgb(126, 238, 35);
    }

    .el-table .success-row {
        background: #f0f9eb;
    }

    /*
    包裹表格div的距離外邊距的距離
    width:85% 為寬度
    margin：為左边距
    margin-top為右边距
    */

    #app {
        width: 100%;
    }
</style>

<body>
<div id="app">
    <div id="tb" v-show="show1">


        <el-row>
            <el-col :span="12">
                <el-button type="success" @click="dialogVisible0 = true" style="right: 20px;">新增申请</el-button>
            </el-col>
            <el-dialog title="新增申请" :visible.sync="dialogVisible0" fullscreen=true>

                <div id="addFirst">
                        <br>
                        <el-row style="background-color: silver;height: 40px;"><h5>新增申请</h5></el-row>
                        <el-row height="550px">

                            <el-row><h4>填写客户信息</h4></el-row>
                            <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                            <br>
                            <el-row>
                                <el-col :span="6">
                                    客户姓名： <el-autocomplete
                                            class="inline-input"
                                            v-model="add_name"
                                            size="small"
                                            placeholder="请输入客户"
                                            :trigger-on-focus="true"  >

                                    </el-autocomplete>

                                </el-col>
                                <el-col :span="6">
                                    客户身份证号：<el-autocomplete
                                        class="inline-input"
                                        v-model="add_identityNumber"
                                        size="small"
                                        placeholder="请输入客户身份证号"
                                        :trigger-on-focus="true"  >

                                </el-autocomplete>
                                </el-col>
                                <el-col :span="8">
                                    客户手机号：
                                    <el-autocomplete
                                            class="inline-input"
                                            v-model="add_telephone"
                                            size="small"
                                            placeholder="请输入客户身份证号"
                                            :trigger-on-focus="true"  >

                                    </el-autocomplete>
                                </el-col>
                            </el-row>
                            <br>
                            <el-row><h4>产品</h4></el-row>
                            <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                            <br>
                            <el-row>
                                <el-col :span="6">
                                    <span>渠道产品</span>
                                    <el-select v-model="add_productName" placeholder="请选择"   size="small">
                                        <el-option
                                                v-for="item in productInfo"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value">
                                        </el-option>
                                    </el-select>
                                </el-col>

                            </el-row>
                            <br>   <br>

                            <el-row>

                                <el-button type="warning" @click="nextPage()">保存并配置下一步</el-button>
                            </el-row>
                        </el-row>
                   </div>
            </el-dialog>
        </el-row>
        <br><br>

        <!--mainPage-->
        <el-row class="demo-autocomplete" style=";">
            <el-col :span="6">
                客户姓名:
                <el-autocomplete
                        class="inline-input"
                        v-model="conditions.name"
                        size="small"
                        :fetch-suggestions="querySearch"
                        placeholder="请输入内容"
                        :trigger-on-focus="true"
                        @select="handleSelect">
                </el-autocomplete></el-col>
            <el-col :span="6">
                产品名称：
                <el-autocomplete
                        class="inline-input"
                        v-model="conditions.productName"
                        size="small"
                        :fetch-suggestions="querySearch"
                        placeholder="请输入内容"
                        :trigger-on-focus="true"
                        @select="handleSelect">
                </el-autocomplete>
            </el-col>

            <el-col :span="6">
                申请金额:
                <el-autocomplete
                        class="inline-input"
                        v-model="conditions.applyMoney"
                        size="small"
                        placeholder="请输入内容"
                        :trigger-on-focus="true"
                >
                </el-autocomplete>
            </el-col>

            <el-col :span="6">
                期数：
                <el-select v-model="conditions.value_02" placeholder="请选择"   size="small">
                    <el-option
                            v-for="item in options_02"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>
            </el-col>
        </el-row>
        <br>
        <el-row>
            <el-col :span="6">
                渠道：
                <el-autocomplete
                        class="inline-input"
                        v-model="conditions.ditchAllname"
                        size="small"
                        :fetch-suggestions="querySearch"
                        placeholder="请输入内容"
                        :trigger-on-focus="true"
                        @select="handleSelect">
                </el-autocomplete>
            </el-col>
            <el-col :span="6">  申请次数:
                <el-autocomplete
                        class="inline-input"
                        v-model="conditions.count"
                        size="small"
                        :fetch-suggestions="querySearch"
                        placeholder="请输入内容"
                        :trigger-on-focus="true"
                        @select="handleSelect">
                </el-autocomplete>
            </el-col>
            <el-col :span="6">
               申请状态:
                <el-select v-model="conditions.value_01" placeholder="全部"   size="small">
                    <el-option
                            v-for="item in options_01"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>
            </el-col>
            <el-col :span="6">
                申请时间：
                <el-input
                        placeholder="请选择日期"
                        suffix-icon="el-icon-date"
                        type="time"
                        style="width: 195px;"
                        size="small"
                        v-model="conditions.time">
                </el-input>

            </el-col>
        </el-row>
        <br/><br/>
        <el-row>
            <el-col  :span="12"></el-col>
            <el-col  :span="6">
                <el-button type="primary" icon="el-icon-search" size="small" @click="find()" >查询</el-button>
                <el-button type="primary" size="small" @click="upload()" >导出<i class="el-icon-upload el-icon--right"></i></el-button>
            </el-col>
        </el-row>
        <br/><br/>
        <!--table 模板  ：data 绑定了数据 tableData-->
        <el-row>
            <template>
                <el-table
                        :data="tableData"
                        style="width: 100%;height: 700px"
                        :row-class-name="tableRowClassName"
                        :header-cell-style="{'text-align':'center'}"
                        :cell-style="{'text-align':'center'}">
                    <el-table-column
                            type="index"
                            label="序号"
                            width="50"
                            :index='(index)=>{return (index+1) + (this.currentPage-1)*this.pageSize}'>
                    </el-table-column>
                    <el-table-column
                            prop="productName"
                            label="产品名称"
                            width="120">
                    </el-table-column>
                    <el-table-column
                            prop="name"
                            label="客户姓名"
                            width="100">
                    </el-table-column>

                    <el-table-column
                            prop="applyMoney"
                            label="申请金额"
                            width="120">
                    </el-table-column>
                    <el-table-column
                            prop="periods"
                            label="期数"
                            width="100">
                    </el-table-column>
                    <el-table-column
                            prop="ditchAllname"
                            label="渠道名称"
                            width="120">
                    </el-table-column>
                    <el-table-column
                            prop="time"
                            label="申请时间 "
                            width="100">
                    </el-table-column>
                    <el-table-column
                            prop="count"
                            label="申请次数 "
                            width="100">
                    </el-table-column>
                    <el-table-column
                            prop="status"
                            label="申请状态 "
                            width="100">
                    </el-table-column>
                    <el-table-column
                            prop="id"
                            label="id"
                            width="50"
                            v-if= false>
                    </el-table-column>
                    <el-table-column

                            label="操作"
                            width="230"  >

                        <template slot-scope="scope">
                            <!--handleClick 为点击查看点击事件,括号内的scope.row为当前行的所有参数,要拿什么参数,直接 scope.row参数名-->
                            <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
                            <el-button @click="modify(scope.row)" type="text" size="small" v-show="showmodify">编辑</el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <!--Element分頁插件 有待改进-->
            </template>
        </el-row>
        <br><br>
        <el-row>
            <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage"
                    :page-sizes="[15, 30, 50, 100]"
                    :page-size="pageSize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="currentTotal"
                    style="padding-left:550px;" >

            </el-pagination>
        </el-row>

    </div>
    <div id="detail" v-if="show2">
        <el-row style="background-color: silver;height: 50px;"><h4>申请资料详单</h4></el-row>
        <br>
        <el-row class="demo-autocomplete" style=";">
            <el-row>
                <el-col :span="8">
                    申请编号：<span>{{apply.applyNum}}</span>
                </el-col>
                <el-col :span="8">
                    申请状态：<span>{{apply.status}}</span>
                </el-col>
                <el-col :span="8">
                    申请产品：<span>{{product.applyMoney}}</span>
                </el-col>
            </el-row>
        </el-row>
        <br>

        <el-row class="demo-autocomplete" style=";">
            <el-row>
                <el-col :span="8">
                    客户姓名：<span>{{apply.name}}</span>
                </el-col>
                <el-col :span="8">
                    手机号码：<span>{{consumer.telephone}}</span>
                </el-col>
                <el-col :span="8">
                    客户身份证号：<span>{{consumer.identityNumber}}</span>
                </el-col>
            </el-row>
            <br>
            <el-row>
                <el-col :span="8">
                  渠道：<span>{{apply.ditchAllname}}</span>
                </el-col>
                <el-col :span="8">
                    银行卡号：<span>{{apply.bankCardIdNumber}}</span>
                </el-col>
            </el-row>
            <br>

            <el-row class="demo-autocomplete" style=";">
                <el-row><h4>借款信息</h4></el-row>
                <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                <br>
                <el-row>
                    <el-col :span="8">
                     贷款金额：<span>{{apply.applyMoney}}</span>
                    </el-col>
                    <el-col :span="8">
                        还款方式：<span>{{product.refundType}}</span>
                    </el-col>
                    <el-col :span="8">
                        期数：<span>{{product.periods}}</span>
                    </el-col>

                 </el-row>
                <br>
                <el-row>
                    <el-col :span="8">
                        贷款用途：<span>{{创业}}</span>
                    </el-col>
                    <el-col :span="8">
                        还款来源：<span>{{薪酬}}</span>
                    </el-col>
                    <el-col :span="8">
                       还款保障：<span>{{房产}}</span>
                    </el-col>

                </el-row>
            <br>
        </el-row>

        <el-row class="demo-autocomplete" style=";">
            <el-row><h4>个人信息</h4></el-row>
            <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
            <br>
            <el-row>
                <el-col :span="8">
                    电子邮箱：<span>{{consumer.email}}</span>
                </el-col>
                <el-col :span="8">
                    名族：<span>{{consumer.nation}}</span>
                </el-col>
                <el-col :span="8">
                    学历：<span>{{consumer.education}}</span>
                </el-col>
            </el-row>
            <br>

            <el-row>
                <el-col :span="8">
                    移动电话：<span>{{consumer.telephone}}</span>
                </el-col>
                <el-col :span="8">
                    婚姻状况：<span>{{consumer. maritalStatus}}</span>
                </el-col>
                <el-col :span="8">
                    健康状况：<span>{{consumer.healthStatus}}</span>
                </el-col>
            </el-row>
            <br>


            <el-row>
                <el-col :span="8">
                    户口所在地地区：<span>{{consumer.areaOfAccount}}</span>
                </el-col>
                <el-col :span="8">
                    户口所在地详细地址：<span>{{consumer.detailedAccountAddress}}</span>
                </el-col>
                <el-col :span="8">
                    户口类型：<span>{{consumer.accountType}}</span>
                </el-col>
            </el-row>
            <br>

            <el-row>
                <el-col :span="8">
                    住址地址地区：<span>{{consumer.currentLivingArea}}</span>
                </el-col>
                <el-col :span="8">
                    住址地址详细地址：<span>{{consumer.detailedLivingAddress}}</span>
                </el-col>
                <el-col :span="8">
                    入住时间：<span>{{consumer.checkInTime}}</span>
                </el-col>
            </el-row>
            <br>
        </el-row>


        <el-row>
            <el-row><h4>身份证正面照</h4></el-row>
            <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
            <br>
            <el-row>
                <div style="height: 200px;width: 200px;background-color: silver">
                    <img :src="consumer.frontPhotoPath" width="200px" height="100px">
                </div>

            </el-row>
        </el-row>
        <br>

        <el-row>
            <el-row> <h4>身份证反面照</h4></el-row>
            <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
            <br>
            <el-row>
                <div style="height: 200px;width: 200px;background-color: silver">
                    <img :src="consumer.reversePhotoPath"  width="200px" height="100px">
                </div>

            </el-row>
        </el-row>
        <br>

        <el-row>
            <el-row> <h4>身份证手持照片</h4></el-row>
            <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
            <br>
            <el-row>
                <div style="height: 200px;width: 200px;background-color: silver">
                    <img :src="consumer.handheldPhotoPath"  width="200px" height="100px">
                </div>

            </el-row>
        </el-row>


            <br>
            <el-row class="demo-autocomplete" style=";">
                <el-row><h4>职业信息</h4></el-row>
                <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                <br>
                <el-row>
                    <el-col :span="8">
                        工作单位：<span>{{consumer.workCompany}}</span>
                    </el-col>
                    <el-col :span="8">
                        单位性质：<span>{{consumer.companyProperty}}</span>
                    </el-col>
                    <el-col :span="8">
                      所属行业：<span>{{consumer.industry}}</span>
                    </el-col>
                    <br>
                    <el-row>
                        <el-col :span="8">
                            职位基本：<span>{{consumer.jobLevel}}</span>
                        </el-col>
                        <el-col :span="8">
                            入职时间：<span>{{consumer.entryTime}}</span>
                        </el-col>
                        <el-col :span="8">
                          工作年限：<span>{{consumer.workingYears}}</span>
                        </el-col>
                </el-row>
                <br>
                    <el-row>
                        <el-col :span="8">
                            公司规模：<span>{{consumer.enterpriseSize}}</span>
                        </el-col>
                        <el-col :span="8">
                            单位地址：<span>{{consumer.enterpriseAddress}}</span>
                        </el-col>
                        <el-col :span="8">
                            详细地址：<span>{{consumer.enterpriseDetailAddress}}</span>
                        </el-col>
                    </el-row>
                    <br>
                    <el-row>
                        <el-col :span="8">
                            发薪日：<span>{{consumer.payday}}</span>
                        </el-col>
                        <el-col :span="8">
                            发薪方式：<span>{{consumer.payMethod}}</span>
                        </el-col>
                        <el-col :span="8">
                            月薪：<span>{{consumer.monthlySalary}}</span>
                        </el-col>
                    </el-row>
                    <br>
                    <el-row>
                        <el-col :span="8">
                            其他收入：<span>{{consumer.otherIncome}}</span>
                        </el-col>
                        <el-col :span="8">
                            企业类型：<span>{{consumer.companyType}}</span>
                        </el-col>
                        <el-col :span="8">
                            成立时间：<span>{{consumer.establishedTime}}</span>
                        </el-col>
                    </el-row>
                    <br>
                </el-row>

                <el-row class="demo-autocomplete" style=";">
                    <el-row><h4>家庭经济</h4></el-row>
                    <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                    <br>
                    <el-row>
                        <el-col :span="8">
                            客户月收入：<span>{{consumer.monthlySalary}}</span>
                        </el-col>
                        <el-col :span="8">
                            配偶月收入：<span>{{consumer.monthlyIncomeOfSpouse}}</span>
                        </el-col>
                        <el-col :span="8">
                            家庭月收入：<span>{{consumer.familyMonthlyIncome}}</span>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="8">
                            家庭月支出：<span>{{consumer.familyMonthlyExpen}}</span>
                        </el-col>
                        <el-col :span="8">
                            家庭资产总额：<span>{{consumer.totalFamilyAssets}}</span>
                        </el-col>
                        <el-col :span="8">
                            家庭负载总额：<span>{{consumer.totalHouseholdDebt}}</span>
                        </el-col>
                    </el-row>
                </el-row>
                <br>
                <el-row class="demo-autocomplete" style=";">
                    <el-row><h4>联系人信息</h4></el-row>
                    <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                    <br>
                    <el-row>
                        <el-col :span="8">
                            配偶姓名：<span>{{consumer.spouseName}}</span>
                        </el-col>
                        <el-col :span="8">
                            配偶电话：<span>{{consumer.spousePhone}}</span>
                        </el-col>
                        <el-col :span="8">
                            单位地址/家庭地址：<span>{{consumer.spouseEnterpriseAddress}}</span>
                        </el-col>
                    </el-row>
                    <br>
                    <el-row>
                        <el-col :span="8">
                           配偶身份证：<span>{{consumer.spouseIdentityNumber}}</span>
                        </el-col>
                        <el-col :span="8">
                            配偶收入：<span>{{consumer.spouseIncome}}</span>
                        </el-col>
                        <el-col :span="8">
                           家庭是否知晓此借款项：<span>{{consumer.isFamilyKnowLoan}}</span>
                        </el-col>
                    </el-row>
                    <br>
                    <el-row>
                        <el-col :span="8">
                            直系亲属姓名:<pan>{{consumer.immediateFamilyMemberName}}</pan>
                        </el-col>
                        <el-col :span="8">
                            直系亲属电话：<span>{{consumer.immediateFamilyMemberPhone}}</span>
                        </el-col>
                        <el-col :span="8">
                            直系亲属单位地址：<span>{{consumer.immediateFamilyMemberCompanyAddress}}</span>
                        </el-col>
                    </el-row>
                </el-row>



                <br><br>
        <el-row>

            <el-col :span="12">
                <el-button type="success" @click="dialogVisible2 = true" style="right: 20px;position:sticky;">编辑负责人</el-button>
            </el-col>
            <el-dialog title="编辑负责人" :visible.sync="dialogVisible2">
                <div>
                    <span>修改负责人：</span><el-select v-model="userName" placeholder="请选择"   size="small">
                        <el-option
                                v-for="user in users"
                                :key="user.value"
                                :label="user.label"
                                :value="user.value">
                        </el-option>
                    </el-select>
                </div>
                <div>
                    <span>修改备注：</span><el-input type="textarea" v-model="desc"></el-input>
                </div>
                <div slot="footer" class="dialog-footer" >

                    <el-button type="primary" @click="modifyCharger()">确 定</el-button>
                </div>
            </el-dialog>
        </el-row>

    </div>

</div>
</body>


<script type="text/javascript" >

    let  Cuid ="";
    new Vue({
        el: "#app",
        data: {
            show1:true,
            showmodify:"",
            show2:false,
            currentPage: 1,
            pageSize: 30,
            currentTotal: '',
            tableData: [
                {
                    id: 1,
                    productName:"花呗",
                    name:"张三",
                    applyMoney:"1000000.0",
                    identityNumber:"567890009",
                    periods:"6",
                    ditchAllname:"支付宝",
                    time:"2019-10-12",
                    count:"0",
                    status:"进件中"



                },

                {}],//  datas数据 中的数组goods
            restaurants: [],
            conditions:{
                productName:'',
                name:'',
                applyMoney:'',
                identityNumber:'',
                periods:'',
                ditchAllname:'',
                time:'',
                count:'',
                status:''
            },

            options_01: [{
                value: '1',
                label: '进件中'
            }, {
                value: '2',
                label: '放弃申请'
            },{
                value: '2',
                label: '初审通过'
            },{
                value: '3',
                label: '初审驳回'
            },{
                value: '4',
                label: '初审拒绝'
            },{
                value: '5',
                label: '初审驳回'
            },{
                value: '6',
                label: '初审拒绝'
            },{
                value: '7',
                label: '初审通过'
            },{
                value: '8',
                label: '复审通过'
            },{
                value: '9',
                label: '复审驳回'
            },{
                value: '10',
                label: '复审拒绝'
            },{
                value: '11',
                label: '授信审核通过'
            },{
                value: '12',
                label: '授信审核不通过'
            },
                {
                    value: '13',
                    label: '授信审核驳回'
                },  {
                    value: '14',
                    label: '还款中'
                },
                 {
                    value: '15',
                    label: '逾期中'
                }, {
                    value: '16',
                    label: '已结清'
                },
        ],

            options_02: [{
                value: '1',
                label: '3'
            }, {
                value: '2',
                label: '6'
            }],
            //*================*/
            dialogVisible0:false,
            dialogVisible1:false,
            dialogVisible2: false,
            consumer:{
                name:"",
                telephone:"",
                identityNumber:"",
                loanStatus:"",
                cumulativeLoan:"" ,
                customerNote:"",
                email:"",
                nation:"",
                education:"",
                maritalStatus:"",
                healthStatus:"",
                areaOfAccount:"",
                detailedAccountAddress:"",
                accountType:"",
                currentLivingArea:"",
                detailedLivingAddress:'',
                checkInTime:"",
                frontPhotoPath:"",
                reversePhotoPath:"",
                handheldPhotoPath:"",
            },
            users: [{
                    value: '1',
                    label: '张三'
                }, {
                 value: '2',
                 label: '李四'
            }],
            userName:'',
            desc:"",
            addData:{

                add_name :'',
                add_identityNumber:'',
                add_telephone:'',
                add_productName:'',
            }

        },
        mounted() {
            console.info("开始1");
            this.restaurants = this.loadAll();
            axios.get("apply/all").then(res=>{
                console.info("开始");
                console.log(res.data);
                if(res.data.code==200){
                    console.info("查询所有数据");
                    console.log(res.data.data);
                    console.info(res.data.data.length);
                    this.tableData=res.data.data;
                    this.currentTotal= res.data.data.length-1;

                }
            });
        },
        methods: {

            queryParams: function (params) {

                //向后端提交数据的入口
                var params = {
                    limit: this.pageSize,//每页显示数量
                    //offset: params.offset,//SQL语句起始索引
                    pageNum: this.currentPage,
                    /* sort: params.sort,//排序的列
                     sortOrder: params.order,//排序规则*/
                    //下面定义更多的参数

                    customerName: this.conditions.name,
                    customerPhone:this.conditions.telephone,
                    CardId: this.conditions.cardId,
                    dicthName:this.dicthName,
                    loanStatus:this.value_01,
                    applyStatus:this.value_02,
                    remark:this.conditions.remark,
                    joinDate:this.joinDate,
                };
                return params;
            },



            handleSizeChange(val) {
                this.pageSize = val;
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                this.currentPage = val;
                console.log(`当前页: ${val}`);
            },

            querySearch(queryString, cb) {
                var restaurants = this.restaurants;
                var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
                // 调用 callback 返回建议列表的数据
                cb(results);
            },
            createFilter(queryString) {
                return (restaurant) => {
                    return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
                };
            },
            loadAll() {
                return [
                    {"value": "阳阳麻辣烫", "address": "天山西路389号"},
                    {"value": "南拳妈妈龙虾盖浇饭", "address": "普陀区金沙江路1699号鑫乐惠美食广场A13"}
                ];
            },
            handleSelect(item) {
                console.info("pagesize")
                console.log(item);
            },
            find(){

                axios.get("apply/page",{params:{
                        limit: this.pageSize+0,//每页显示数量

                        pageNum: this.currentPage+0,
                        productName: this.conditions.productName,
                        name:this.conditions.name,
                       /* applyMoney:this.conditions.applyMoney,*/
                        identityNumber:this.conditions.identityNumber,
                        periods:this.conditions.periods,
                        ditchAllname:this.conditions.ditchAllname,
                      /*  time:this.conditions.time,*/
                        count:this.conditions.count+0,
                        status:this.conditions.status
                    }}).then(res=>{
                    console.info(res)
                    if (res.status==200){
                        this.tableData=res.data.rows;
                        console.info(this.tableData);
                        this.currentTotal=  res.data.total;
                        console.info(this.currentTotal);
                    }
                });

            },
            upload(){

            },

            //为鼠标移动上去的js样式
            tableRowClassName({row, rowIndex}) {
                if (rowIndex % 2 === 1) {
                    return 'success-row';

                } else if (rowIndex % 2 === 2) {
                    return 'warning-row';
                }
                return '';
            },
            //详情
            handleClick(line) {
                console.info(line.id);
                Cuid=line.id;
                this.show1=! this.show1;
                this.show2=! this.show2;
                axios.get("apply/one?cid="+line.id).then(res=>{

                    if (res.data.code==200){
                        console.log("详情");
                        console.info(res.data.data);
                        let datas=res.data.data;
                        this.consumer.name=datas.name;
                        this.consumer.telephone= datas.telephone;
                        this.consumer.identityNumber=datas.identityNumber;
                        this.consumer.loanStatus=datas.loanStatus;
                        this.consumer.cumulativeLoan=datas.cumulativeLoan;
                        this.consumer.customerNote=datas.customerNote;
                        this.consumer.email=datas.email;
                        this.consumer.nation=datas.nation;
                        this.consumer.education=datas.education;
                        this.consumer.maritalStatus=datas.maritalStatus;
                        this.consumer.healthStatus=datas.healthStatus;
                        this.consumer.areaOfAccount=datas.areaOfAccount;
                        this.consumer.detailedAccountAddress=datas.detailedAccountAddress;
                        this.consumer.accountType=datas.accountType;
                        this.consumer.currentLivingArea=datas.currentLivingArea;
                        this.consumer.checkInTime=datas.checkInTime;
                        this.consumer.frontPhotoPath=datas.frontPhotoPath
                        this.consumer.reversePhotoPath=datas.reversePhotoPath;
                        this.consumer.handheldPhotoPath=datas.handheldPhotoPath;

                    }
                });

            },

            modifyCharger(){
                this.dialogVisible2 = false;
                var params = new URLSearchParams();
                params.append("id", this.Cuid);
                params.append("userName", this.desc);
                params.append("remark", this.desc);

                axios.put("customer/updateMark",params).then(res=>{
                    if(res.data.status==200){
                        console.info(res.data.data)
                    }
                });

            },

            nextPage(){
                this.show1=! this.show1;
            }

        },

    });

    //分页还没写


</script>
</html>